import Vue from 'vue'
import VueRouter from 'vue-router'
import Movie from '@/views/Movie.vue'
import ShortComment from '@/views/ShortComment.vue'
import LongComment from '@/views/LongComment.vue'
import Home from '@/views/Home.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/Home',
    name: 'Home',
    component: Home
  },
  {
    path: '/Movie/:name',
    name: 'Movie',
    component: Movie
  },
  {
    path: '/ShortComment/:name',
    name: 'ShortComment',
    component: ShortComment
  },
  {
    path: '/LongComment/:name',
    name: 'LongComment',
    component: LongComment
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
